<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="sec"
    uri="http://www.springframework.org/security/tags"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>系统登录</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="jQuery UI Bootstrap theme">

<!-- Le styles -->
<link
    href="${pageContext.request.contextPath}/libs/jquery-ui-bootstrap/assets/css/bootstrap.min.css"
    rel="stylesheet">
<link type="text/css"
    href="${pageContext.request.contextPath}/libs/jquery-ui-bootstrap/css/custom-theme/jquery-ui-1.10.0.custom.css"
    rel="stylesheet" />
<link type="text/css"
    href="${pageContext.request.contextPath}/libs/jquery-ui-bootstrap/assets/css/font-awesome.min.css"
    rel="stylesheet" />
<!--[if IE 7]>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/libs/jquery-ui-bootstrap/assets/css/font-awesome-ie7.min.css">
    <![endif]-->
<!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/libs/jquery-ui-bootstrap/css/custom-theme/jquery.ui.1.10.0.ie.css"/>
    <![endif]-->
<link href="${pageContext.request.contextPath}/css/site.css"  rel="stylesheet">    

<!-- bootstrap 皮肤 -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/libs/BlueNileAdmin/stylesheets/theme.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/libs/BlueNileAdmin/lib/font-awesome/css/font-awesome.css">


<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
    <script src="${pageContext.request.contextPath}/libs/jquery-ui-bootstrap/html5.js"></script>
    <![endif]-->

<!-- Le fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144"
    href="${pageContext.request.contextPath}/libs/jquery-ui-bootstrap/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
    href="${pageContext.request.contextPath}/libs/jquery-ui-bootstrap/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
    href="${pageContext.request.contextPath}/libs/jquery-ui-bootstrap/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed"
    href="${pageContext.request.contextPath}/libs/jquery-ui-bootstrap/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon"
    href="${pageContext.request.contextPath}/libs/jquery-ui-bootstrap/assets/ico/favicon.png">

<!-- javascript -->
<script type="text/javascript"
    src="${pageContext.request.contextPath}/libs/jquery-1.9.0.min.js"></script>
<script type="text/javascript"
    src="${pageContext.request.contextPath}/libs/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript"
    src="${pageContext.request.contextPath}/libs/jquery-ui-bootstrap/assets/js/bootstrap.min.js"></script>
   
</head>
<body>
    <div class="navbar">
        <div class="navbar-inner">
                <ul class="nav pull-right">
                </ul>
                <a class="brand" href="www.tongfusoft.com"><span class="second">船载终端</span></a>
        </div>
    </div>
    
    <div class="row-fluid">
        <div class="dialog">
            <div class="block">
                <p class="block-heading">登录系统</p>
                ${sessionScope["SPRING_SECURITY_LAST_EXCEPTION"].message}
                <div class="block-body">
                    <form class="login_form" id="login_form" name="login_form"  action="${pageContext.request.contextPath}/j_spring_security_check"  method="post">
                        <label>用户名</label>
                        <input type="text" id="username" name="j_username" class="input-block-level"  placeholder="用户名">
                        <label>密码</label>
                        <input type="password" id="password" name="j_password" class="input-block-level"  placeholder="密码">
                        <a href="javascript:void(0)" class="btn btn-primary pull-right" id="sign">登录</a>
                        <!--<label class="remember-me"><input type="checkbox"> Remember me</label>-->
                        <div class="clearfix"></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    
</body>
</html>
<script type="text/javascript">
$("#sign").click(
        function() {
            if($("#username").val() == ""){
                $("#username").attr("placeholder","请输入用户名！");
                return ;
            }
            
            if($("#password").val() == ""){
                $("#password").attr("placeholder","请输入密码！");
                return ;
            }
            
            $("#login_form").submit();
        }
      );
</script>
